html body {
    min-width: 300px;
}

#totalbusiness-responsive-navigation {
    display: none;
}

@media only screen and (min-width: 1220px) {
    body .body-wrapper.totalbusiness-boxed-style .header-style-6-wrapper {
        left: 50%;
        margin-left: -610px;
    }
}

/*--- tablet ---*/

@media only screen and (max-width: 1050px) {
    body .totalbusiness-navigation-wrapper .totalbusiness-main-menu>li>a {
        padding-left: 20px;
    }
    .totalbusiness-header-wrapper.header-style-6-wrapper .totalbusiness-navigation-wrapper .totalbusiness-main-menu>li>a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 959px) {
    body .container {
        max-width: 768px;
    }
    body .body-wrapper.totalbusiness-boxed-style {
        max-width: 808px;
    }
    .totalbusiness-hide-in-tablet {
        display: none;
    }
    .totalbusiness-hide-in-tablet-mobile {
        display: none;
    }
    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
        opacity: 1;
    }
    .totalbusiness-fixed-header {
        display: none;
    }
    body .totalbusiness-logo {
        float: none;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    body .totalbusiness-logo-inner {
        margin: 0px auto;
    }
    body .totalbusiness-navigation-wrapper {
        float: none;
        margin-top: 10px;
        line-height: 0;
        text-align: center;
    }
    body .totalbusiness-navigation {
        display: inline-block;
        line-height: 1.7;
        text-align: left;
    }
    body .totalbusiness-logo-right-text {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
    body .totalbusiness-navigation-wrapper .totalbusiness-main-menu>li>a {
        padding-bottom: 25px;
    }
    .totalbusiness-header-wrapper.header-style-2-wrapper .totalbusiness-logo {
        margin-right: 42px;
    }
    .totalbusiness-header-wrapper.header-style-2-wrapper .totalbusiness-navigation-wrapper {
        float: none;
        margin-left: 47px;
        margin-top: 3px;
    }
    .totalbusiness-header-wrapper.header-style-2-wrapper .totalbusiness-navigation-wrapper .totalbusiness-main-menu>li>a {
        padding-bottom: 20px;
    }
    .totalbusiness-header-wrapper.header-style-2-wrapper #totalbusiness-responsive-navigation .dl-trigger {
        right: 35px;
    }
    .header-style-3-wrapper .totalbusiness-logo-right-text {
        float: none;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .header-style-3-wrapper .totalbusiness-navigation-wrapper .totalbusiness-main-menu>li>a {
        padding-left: 25px;
    }
    .header-style-7-wrapper .totalbusiness-navigation-wrapper {
        line-height: 0;
    }
    .gdlr-icon-shortcode {
        margin-bottom: 10px;
    }
}

/*--- mobile landscape style ---*/

@media only screen and (max-width: 767px) {
    body .container {
        max-width: 420px;
    }
    body .body-wrapper.totalbusiness-boxed-style {
        max-width: 460px;
    }
    body .body-wrapper {
        overflow: hidden;
    }
    .one-ninth,
    .one-eighth,
    .one-seventh,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one,
    .two,
    .three,
    .four,
    .five,
    .six,
    .seven,
    .eight,
    .nine,
    .ten,
    .eleven,
    .twelve {
        width: 100%;
    }
    .totalbusiness-hide-in-tablet {
        display: block;
    }
    .totalbusiness-hide-in-mobile {
        display: none;
    }
    .totalbusiness-service-half-background-item .totalbusiness-half-left,
    .totalbusiness-service-half-background-item .totalbusiness-half-right {
        float: none;
        width: auto;
        padding: 70px 0px;
        margin: 0px;
    }
    .totalbusiness-service-half-background-item .totalbusiness-half-left .totalbusiness-item-margin,
    .totalbusiness-service-half-background-item .totalbusiness-half-right .totalbusiness-item-margin {
        margin: 0px 15px;
    }
    .totalbusiness-service-half-background-item .totalbusiness-half-left .half-container,
    .totalbusiness-service-half-background-item .totalbusiness-half-right .half-container {
        max-width: 420px;
        margin: 0px auto;
    }
    /*--- header ---*/
    body .top-navigation-left {
        float: none;
        text-align: center;
        padding: 3px 0px;
    }
    body .top-navigation-right {
        float: none;
        text-align: center;
        padding: 3px 0px;
    }
    body .totalbusiness-logo {
        padding-right: 60px;
    }
    body .totalbusiness-logo-inner {
        margin-left: 0px;
    }
    #totalbusiness-responsive-navigation {
        display: block;
        height: 0px;
        position: static;
        float: none;
    }
    #totalbusiness-responsive-navigation .dl-trigger {
        position: absolute;
        right: 15px;
        top: 20px;
        margin-top: 0px;
    }
    .dl-menuwrapper>.dl-menu,
    .dl-menuwrapper>.dl-submenu {
        margin: 20px 0px 0px;
        width: 390px;
        text-align: left;
    }
    .totalbusiness-navigation-wrapper {
        display: none;
    }
    /*--- page item ---*/
    .totalbusiness-item-title-head .totalbusiness-nav-title {
        display: none;
    }
    .totalbusiness-title-left .about-us-title-wrapper {
        width: auto;
        float: none;
        text-align: center;
    }
    .totalbusiness-title-left .about-us-title-divider {
        margin-right: auto;
        margin-bottom: 26px;
    }
    .totalbusiness-list-menu {
        padding: 0px;
    }
    .totalbusiness-stunning-text-item {
        text-align: center;
    }
    .totalbusiness-stunning-text-item.type-normal.totalbusiness-button-on {
        padding-right: 0px;
    }
    .totalbusiness-stunning-text-item.type-normal .stunning-text-button {
        position: static;
        margin-top: 0px;
    }
    .totalbusiness-stunning-text-item.with-padding.totalbusiness-button-on {
        padding-right: 35px;
    }
    .totalbusiness-stunning-item.totalbusiness-item.totalbusiness-button-on.totalbusiness-stunning-left {
        padding-right: 0px;
    }
    .totalbusiness-stunning-item.totalbusiness-stunning-left .stunning-item-button {
        position: relative;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .totalbusiness-service-with-image-item .service-with-image-thumbnail {
        float: none;
        margin: 0px auto;
    }
    .totalbusiness-service-with-image-item .service-with-image-content-wrapper {
        text-align: center;
    }
    .totalbusiness-feature-media-item.totalbusiness-left .feature-media-thumbnail {
        float: none;
        width: auto;
        margin-right: 0px;
    }
    .totalbusiness-feature-media-item .feature-media-icon {
        display: none;
    }
    html .woocommerce ul.products li.product,
    html .woocommerce-page ul.products li.product {
        width: 99% !important;
    }
    /*--- single page ---*/
    .totalbusiness-portfolio-style1 .totalbusiness-portfolio-description {
        float: none;
        margin-right: 0px;
        width: auto;
    }
    .totalbusiness-portfolio-style1 .totalbusiness-portfolio-info {
        width: auto;
        float: none;
        margin-bottom: 30px;
    }
    .totalbusiness-portfolio-style2 .totalbusiness-portfolio-thumbnail {
        max-width: 100%;
        float: none;
        margin-right: 0px;
        margin-left: 0px;
        width: auto !important;
    }
    .totalbusiness-blog-medium .totalbusiness-blog-thumbnail {
        margin-right: 0px;
        float: none;
        margin-bottom: 20px;
        width: auto;
    }
    /*--- slider ---*/
    .totalbusiness-caption-wrapper .totalbusiness-caption .totalbusiness-caption-text {
        display: none;
    }
    .totalbusiness-caption-wrapper .totalbusiness-caption .totalbusiness-caption-title {
        margin-bottom: 0px;
        font-size: 15px;
    }
    .totalbusiness-caption-wrapper .totalbusiness-caption {
        max-width: 100%;
        padding: 13px 12px;
    }
    .totalbusiness-item-title .totalbusiness-flex-prev {
        margin: 0px;
        position: absolute;
        left: 0px;
        top: 50%;
        margin-top: -20px;
    }
    .totalbusiness-item-title .totalbusiness-flex-next {
        margin: 0px;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -20px;
    }
    /*--- header style ---*/
    .totalbusiness-header-wrapper.header-style-2-wrapper #totalbusiness-responsive-navigation .dl-trigger {
        right: 35px;
    }
    .totalbusiness-header-wrapper.header-style-2-wrapper .totalbusiness-logo {
        padding-right: 60px;
        margin-left: 35px;
    }
    .totalbusiness-header-wrapper.header-style-2-wrapper {
        padding-top: 0px !important;
        position: relative;
    }
    .totalbusiness-header-wrapper.header-style-4-wrapper .totalbusiness-header-inner-overlay {
        display: none;
    }
    .totalbusiness-header-wrapper.header-style-4-wrapper {
        position: relative;
    }
    .header-style-4-title-wrapper.totalbusiness-page-title-wrapper {
        padding-top: 74px;
    }
    .totalbusiness-header-wrapper.header-style-5-wrapper {
        position: relative;
    }
    .header-style-5-title-wrapper.totalbusiness-page-title-wrapper {
        padding-top: 74px;
    }
    .totalbusiness-header-wrapper.header-style-6-wrapper {
        position: relative;
    }
    .header-style-6-title-wrapper.totalbusiness-page-title-wrapper {
        padding-top: 74px;
    }
    .header-style-7-wrapper .totalbusiness-navigation-wrapper {
        display: none;
    }
    .header-style-7-wrapper .totalbusiness-logo-inner {
        margin-left: 0px;
    }
}

/*--- mobile portrait style ---*/

@media only screen and (max-width: 419px) {
    body .container {
        max-width: 300px;
    }
    body .body-wrapper.totalbusiness-boxed-style {
        max-width: 340px;
    }
    .gdlr-service-half-background-item .gdlr-half-left .half-container,
    .gdlr-service-half-background-item .gdlr-half-right .half-container {
        max-width: 300px;
    }
    .dl-menuwrapper .dl-menu,
    .dl-menuwrapper>.dl-submenu {
        width: 270px;
    }
}